import React from 'react';
import { Col, Row, Avatar } from 'antd';

export default function Workplace() {
    return (
        <div style={{ backgroundColor: "white" }}>
            <Row>
                <Col span={21}>
                    <h1 style={{ fontSize: '24px', fontWeight: '600', marginLeft: "20px",marginTop: "20px" }}>工作台</h1>
                    <div style={{ marginLeft: "20px" }}>
                        <Avatar src="https://joeschmoe.io/api/v1/random" size={64} />
                        <span style={{ fontSize: '18px', marginLeft: "20px" }}>早安，打工人，祝你开心每一天!</span>
                    </div>
                </Col>
                <Col span={1}>
                    <div style={{ borderRight: '2px solid #eee', marginTop: "50px" }}>
                        <p>项目数</p>
                        <p style={{ fontSize: '18px', marginTop: "-10px" }}>56</p>
                    </div>
                </Col>
                <Col span={2}>
                    <div style={{ marginTop: "50px", marginLeft: "40px",height:'120px' }}>
                        <p>访问量</p>
                        <p style={{ fontSize: '18px', marginTop: "-10px" }}>65,889</p>
                    </div>
                </Col>
            </Row>
        </div>
    )
}

